{% extends "overview/base.html" %}

{% block external %}
  {% load static %}
  <link rel="shortcut icon" href="https://pic.downk.cc/item/5ebf6257c2a9a83be59950c4.png"> <!--极客协会logo-->
  <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">
  <link href="{% static 'css/main.css' %}" rel="stylesheet">
  <script src="{% static 'js/main.js' %}"></script>
  <!--在院系部门中需要额外导入的样式表和js-->
  {% block departments-external %}{% endblock %}
{% endblock %}

{% block main %}
<div id="header" style="background-image: url({% static 'images/departments/background.jpg' %})">
  <div class="top-header">
    <div class="container">
      <div class="row">
        <div class="col-sm-2 col-xs-8">
          {% block logo %}

         {% endblock %}
        </div>
        <div class="col-sm-10 col-xs-4">
						<nav class="header-navigation">
							<ul class="clearfix">
                <li class="menu-item"><a href="{% url 'departments:add_department' %}"><span>new部门</span></a></li>
                <li class="menu-item"><a href="{% url 'departments:add_association' %}"><span>new社团</span></a></li>
                <li class="menu-item"><a href="{% url 'overview:index' %}"><span>主 页</span></a> </li>
                <li class="menu-item"><a href="{% url 'departments:associations' 0 %}"><span>社团荟萃</span></a> </li>
                <li class="menu-item"><a href="{% url 'departments:departments' 0 %}"><span>部门云集</span></a> </li>
                <li class="menu-item"><a href="{% url 'departments:association_posts' %}"><span>社团动态</span></a> </li>
                <li class="menu-item"><a href="{% url 'departments:department_posts' %}"><span>部门动态</span></a> </li>
<!--#endeditable--></ul>
						</nav>
        <button class="open-responsive-menu"><i class="fa fa-bars"></i></button>
        </div>
      </div>
    </div>
  </div>
    <nav class="responsive-menu">
    <ul>

        <li class="menu-item"><a href="{% url 'overview:index' %}"><span>主 页</span></a></li>
        <li class="menu-item"><a href="{% url 'departments:associations' 0 %}"><span>社团荟萃</span></a></li>
        <li class="menu-item"><a href="{% url 'departments:departments' 0 %}"><span>部门云集</span></a></li>
        <li class="menu-item"><a href="{% url 'departments:association_posts' %}"><span>社团动态</span></a></li>
        <li class="menu-item"><a href="{% url 'departments:department_posts' %}"><span>部门动态</span></a></li>
<!--#endeditable--></ul>
  </nav>
  {% block department %}

  {% endblock %}
</div>
{% block introduction %}

{% endblock %}
{% block edit %}
{% endblock %}
{% endblock %}